@charset "utf-8";
html{
    background: #D4D0C8;
}

body{
    background: #D4D0C8;
}

th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #E3E3E3;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
a {
	text-decoration: none;
}
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}

.content{
   background: #F4F3EF;
}

#container {
    margin:auto; /* center in viewport */
    width: 999px; /* fix page width */
    background:#D4D0C8;
}
#content{
    /*background-color:#F4F3EF;*/
}
#hd{
    border:1px solid #000;
}
/* ���� */
#nav{
    background: #F4F3EF;
    
}
#nav p{
    background-color:#708090;
    color:white;
}
#nav .content{
    background: #F4F3EF;
    padding: 0.5em 1em;

}
#nav li a,#nav2 li a, #extra li a, #more li a {
    display: block;
    padding: 0.25em 0;
}
#nav li{
    margin-bottom:1px;
}
#nav li a {
    padding: 0.5em 1em;
    background-color:#dbdbdb;
    text-decoration: none;
}
/* ҳ�� */
#main{
    width: 66%;
    border-left: 2px solid #D4D0C8;
    border-right: 2px solid #D4D0C8;
}
#main table{
    width:100%;
}
#main .content{
    //margin:0 2px 2px 2px;
    padding: 0.5em 1em;
}
#main .contentTitle{
    border-bottom:1px solid gray;
}
	.feed_lists{width:100%;margin: 2px 0 0;}
	.feed_list{border-bottom-style: dotted; border-bottom-width: 1px; margin: 7px 0 0; overflow: hidden; padding: 0 0 3px;}
	.feed_list em{font-style: normal;font-weight: normal;}
	.feed_list .face {display: inline;float: left;padding: 3px 0 6px;width: 30px;}

	.feed_list .content {margin: 0 0 0 60px;word-wrap: break-word;font-size: 14px;line-height: 22px;}
	.feed_list .content a {word-wrap: break-word;}
	.feed_list .content p, 
	.feed_list .content .feed_content {padding: 0 0 10px;}
	.feed_list .content p.info {padding: 3px 0 0;}

	.feed_list .info {font-size: 12px;}
	.feed_list .info span { display: inline;float: right;}
	
	.feed_list .repeat {border-style: solid;border-width: 1px;font-size: 12px;line-height: 20px;margin: 10px 0 7px;padding: 15px 20px 13px;}
	.feed_list .repeat .input textarea {border: 1px solid #C6C6C6; color: #595959; font-size: 12px; height: 20px; margin: 0 0 3px; overflow: hidden; padding: 4px 4px 0; width: 100%;}
	.feed_list .repeat .input .btn {padding-bottom: 0; text-align: right;}
	.feed_list .repeat .input .btn {text-align: right;}
	
	.feed_list  .comment_list dd {width: auto;}
				.comment_list {border-top-style: dotted;border-top-width: 1px;clear: both; margin-top: 8px;overflow: hidden;padding-top: 8px;}
				.comment_list dt {display: inline;float: left;padding: 3px 0 0;width: 30px;}
				.comment_list dd {line-height: 21px;margin: 0 0 0 40px;width: 490px;word-wrap: break-word;}
				.comment_list dd.clear {line-height: 0;}

	.clear {clear: both;font: 0px/0 Arial;height: 0;visibility: hidden;}
	.clearfix {display: block;}
	.clearfix:after {clear: both;content: "."; display: block; height: 0; visibility: hidden;}


  /* jQuery lightBox plugin - Gallery style */
  #gallery {
    background-color: #444;
    padding: 10px;
    width: 520px;
  }
  #gallery ul { list-style: none; }
  #gallery ul li { display: inline; }
  #gallery ul img {
    border: 5px solid #3e3e3e;
    border-width: 5px 5px 20px;
  }
  #gallery ul a:hover img {
    border: 5px solid #fff;
    border-width: 5px 5px 20px;
    color: #fff;
  }
  #gallery ul a:hover { color: #fff; }

/* �ҵ��� */
#nav2{
    background:#D4D0C8;
}
#nav2 .content{
    background: #F4F3EF;
    padding: 0.5em 0.5em;
}

#nav2 li{
    margin-bottom:2px;
    
}
#nav2 li a{
    padding: 0.25em 0.25em;
    background:#E3E3E3;
    overflow: hidden;
    text-overflow:ellipsis;
    
    word-break:break-all;
    text-decoration: none;
}
#footer{
    background:#D4D0C8;
    text-align: center;
}

/* /������/ */
.W_linkb a, a.W_linkb {
    color: #7AA5B9;
}

.W_linecolor{border-color: #E1E4E5;}

.W_btn_a, .W_btn_a span, .W_btn_a_disable, .W_btn_a_disable span {
    background: url("../imb/btn.png") no-repeat scroll 0 -144px transparent;
    color: #73797C;
    cursor: pointer;
    display: inline-block;
    height: 24px;
    line-height: 23px;
    padding: 0 0 0 2px;
}
.W_btn_a span, .W_btn_a_disable span {
    background-position: right -168px;
    min-width: 35px;
    padding: 0 10px 0 8px;
    text-align: center;
}
.W_btn_a:hover {
    background-position: 0 -192px;
    text-decoration: none;
}
.W_btn_a:hover span {
    background-position: right -216px;
}
.W_btn_b, .W_btn_b span, .W_btn_b_disable, .W_btn_b_disable span {
    background: url("../img/btn.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    height: 24px;
    line-height: 23px;
    padding: 0 0 0 2px;
}
.W_btn_b span, .W_btn_b_disable span {
    background-position: right -24px;
    min-width: 37px;
    padding: 0 10px 0 8px;
    text-align: center;
}
.W_btn_b:hover {
    background-position: 0 -48px;
    text-decoration: none;
}
.W_btn_b:hover span {
    background-position: right -72px;
}

.W_btn_b em.vline {
    border-left: 1px solid #66BD00;
    border-right: 1px solid #96E511;
    display: inline;
    float: left;
    height: 16px;
    margin: 4px 5px 0 4px;
    overflow: hidden;
    width: 0;
}

.W_bgcolor {
	background: none repeat scroll 0 0 #FBFBFB;
}